<!DOCTYPE html>
<html lang="zh-CN" style="overflow-x:hidden;overflow-y:auto;">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<link rel="stylesheet" href="libs/bootstrap-3.3.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="libs/datepicker/css/datepicker.css" />
<link rel="stylesheet" href="css/global.css"/>
<link rel="stylesheet" href="css/chuju.css"/>
<script src="libs/jquery/jquery-1.10.2.min.js"></script>
<script src="libs/datepicker/js/bootstrap-datepicker.js"></script>
<script src="libs/bootstrap-3.3.2/js/bootstrap.min.js"></script>
<script>  
$(function(){  
	/*$("#text_box").val()=100;*/
    var t = $("#text_box");  
    $("#add").click(function(){       
        t.val(parseInt(t.val())+1)  
    })  
    $("#min").click(function(){  
        t.val(parseInt(t.val())-1)
    }) 
	
	$("#zhankai").click(function(){
		var xianArray=document.getElementsByClassName('xian');
		for( var i=0;i<xianArray.length;i++){
				xianArray[i].style.display="";
		}
		this.style.display="none";
		document.getElementById('shouqi').style.display="";
	}) 
	$('#shouqi').click(function(){
		var xianArray=document.getElementsByClassName('xian');
		for( var i=0;i<xianArray.length;i++){
				xianArray[i].style.display="none";
		}
		this.style.display="none";
		document.getElementById('zhankai').style.display="";	
	})
	
})  
</script> 
<script>
function tan(){
	alert("出价成功");	
}
$(document).ready(function() {
    $('.carousel').carousel({
     interval: 3000
    })
	});
</script>
<title>拍品详情</title>
</head>
<body style="overflow-x:hidden;overflow-y:auto;">
<div class="container-fluid row" style="height:640px;">
<div class="col-md-12 row div1">
	<div class="col-md-6 top_left"><a href="javascript:history.back(-1);" style="color:#000;"><img src="images/arrow.png" width="9" height="12" class="fl" style="margin:4px 0 0 -16px;">返回上一级</a></div>
</div>
<div class="col-md-12 div2">
<div class="div6 radius3">出局</div>
    <div class="col-xs-12 div3">
        <div id="myCarousel" class="carousel slide">
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <!-- Carousel items -->
          <div class="carousel-inner">
            <div class="active item"><img src="images/1.png" style="width:100%;" data-toggle="modal" data-target="#myModal1"></div>
            <div class="item"><img src="images/1.png" style="width:100%;" data-toggle="modal" data-target="#myModal2"></div>
            <div class="item"><img src="images/1.png" style="width:100%;" data-toggle="modal" data-target="#myModal3"></div>
          </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel" data-slide="prev" style="margin-top:65px;">&lt;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next" style="margin-top:65px;">&gt;</a>
        </div>
        <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="margin-top:150px;">
        <div class="modal-content">
        <div class="modal-body">
        <img src="images/1.png" style="width:100%;">
        </div>
        </div>
        </div>
        </div>
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="margin-top:150px;">
        <div class="modal-content">
        <div class="modal-body">
        <img src="images/1.png" style="width:100%;">
        </div>
        </div>
        </div>
        </div>
        <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="margin-top:150px;">
        <div class="modal-content">
        <div class="modal-body">
        <img src="images/1.png" style="width:100%;">
        </div>
        </div>
        </div>
        </div>
        
    </div>
    <span class="sp1 fl">《桌子》兰坪</span>
    <span class="sp2 fr"><img src="images/jishi.png" width="15" height="13" style="margin:0 3px 3px 0;">结束前提醒我</span>
  </div>
  <div class="col-md-12 div4"></div>
  <div style=" font-size:12px; margin-left:5px;">当前价：<span style=" color:#f65d19; font-size:15px;">￥1000.00</span>（出价N次）</div>
  <div style="font-size:12px; margin-top:-17px;margin-right:5px;" class="fr">加价幅度：￥200</div>
    <div class="clearfix"></div>
    <hr style="margin-top:5px;"/>
  <div style=" font-size:13px; margin-left:5px; margin-top:-15px;" class="fl">距离结束时间还有</div><br>
    <div style="font-size:20px;width:72%; text-align:center;" class="center">00天03时00分02秒</div>
    <div class="clearfix"></div>
	<hr style="margin-top:20px;"/>
  <div style="font-size:12px; margin-left:5px;">出价记录</div>
  <hr style="margin-top:5px;"/>
  <div>
  <table  width="96%" class="center table1">
  <tr style="background-color:#DCDCDC;">
    <td>状态</td>
    <td>竞买人</td>
    <td>价格</td>
    <td>时间</td>
  </tr>
  <tr>
    <td>领先</td>
    <td>16**</td>
    <td>2200</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr>
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
  <tr style="display:none;" class="xian">
    <td>出局</td>
    <td>15**</td>
    <td>2000</td>
    <td>2015-04-13&emsp;13:00:00</td>
  </tr>
</table>
	<div style="text-align:center; margin-top:5px;"><img src="images/xia.gif" width="17" height="17" id="zhankai" style=" display:;"></div>
    <div style="text-align:center; margin-top:5px;"><img src="images/shou.png" width="17" height="17" id="shouqi" style=" display:none;"></div>
    </div>
    <span class="fl" style=" font-size:13px;margin:60px 0 80px 5px;">拍品描述</span>
    <nav class="navbar navbar-default navbar-fixed-bottom">
    <div style="height:49px;">
        <table class="table-bordered" width="100%;" height="100%;" style="text-align:center;">
          <tr>
            <td id="min" style="font-size:30px; font-weight:bolder; width:15%; cursor:pointer;">-</td>
            <td ><input id="text_box" name="" type="text" value="100" style="width:100%; text-align:center; border:none; background-color:#F8F8F8;" /></td>
            <td id="add" style="font-size:30px; font-weight:bolder; width:15%;cursor:pointer;">+</td>
            <td style="width:35%; background-color:#f65d19; color:#FFF;"><a href="#" style=" color:#FFF;" onClick="tan();">出价</a></td>
          </tr>
        </table>
    </div>
	</nav>
</div>
</body>
</html>
